/*!
 * @project : ymgj
 * @version : 0.0.1
 * @author  :
 * @update  : 2017-04-28 7:30:42 pm
 * @email   : wuweishuan@yy.com
 */
.login-left,.login-role li {
	text-align: center;
	float: left
}

.login,.login-btn,.login-role {
	overflow: hidden
}

.login {
	width: 700px;
	background: #fff;
	margin: 85px auto
}

.login-left {
	width: 300px;
	height: 440px
}

.login-left img {
	margin-top: 173px;
	width: 154px;
	height: 59px
}

.login-right {
	float: left;
	width: 300px;
	padding: 40px 50px 0
}

.login-role {
	width: 268px;
	margin: 0 auto
}

.login-role li {
	width: 82px;
	color: #a8a8a8;
	font-size: 16px;
	margin: 0 25px;
	cursor: pointer
}

.login-role li.is-active {
	color: #ff8300
}

.login-role li.is-active .login-role-img {
	background-color: #ff8300
}

.login-role-img {
	width: 82px;
	height: 82px;
	background: #dadada;
	border-radius: 40px
}

.login-role-img img {
	float: left;
	margin: 17px 0 0 17px
}

.login-form {
	margin-top: 40px
}

.login-form__item {
	height: 47px;
	margin-bottom: 12px;
	position: relative
}

.login-form__item input {
	width: 300px;
	height: 28px;
	line-height: 28px;
	border: 0;
	border-bottom: 1px solid #ccc;
	margin-top: 12px;
	font-size: 14px;
	outline: 0
}

.login-form__item .tips {
	color: red;
	position: absolute;
	top: 42px;
	left: 2px
}

.login-toForget {
	color: #ff8300;
	font-size: 14px;
	font-weight: 500;
	margin-left: 210px;
	margin-top: 5px;
	display: block;
	float: right
}

.login-btn {
	padding-top: 20px;
	width: 300px
}

.login-btn a,.login-btn span {
	width: 138px;
	height: 40px;
	line-height: 40px;
	text-align: center
}

.login-btn a {
	float: left;
	border: 1px solid #aaa;
	color: #aaa;
	background: #fff;
	border-radius: 6px
}

.login-btn a:hover {
	border: 1px solid #aaa;
	color: #fff;
	background: #aaa
}

.login-btn span {
	cursor: pointer;
	border: 1px solid #fd8324;
	color: #fff;
	background: #fd8324;
	border-radius: 6px;
	float: right
}
